<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8">
<title>试卷信息表</title>
<#include "/header.html" />
    <link href="${request.contextPath}/statics/css/swiper.min.css" rel="stylesheet" type="text/css" />
    <link href="${request.contextPath}/statics/css/style_min.css" rel="stylesheet" type="text/css" />
    <style>

        *{
            -webkit-user-select: none;
        }

        input[type=text], input[type=number]{
            border:1px solid #e0e0db;
            border-radius: 3px;
            padding: 3px 5px;
        }

        .swiper-title-bar {
            height:70px;
            width:100%;
        }

        .swiper-title-bar ul {
            list-style: none;
            width:100%;
            height:70px;
            font-size:23px;
        }

        .swiper-title-bar ul li {
            color:#a2a197;
            width:25%;
            height:70px;
            float:left;
            line-height:70px;
            font-family: "微软雅黑";
            text-align: center;
            cursor:pointer;
        }


        .popwin {
            display:inline-block;
            position: absolute;
            width:650px;
            height:350px;
            background:#fff;
            border-radius: 10px;
            border:1px solid #ccc;
            box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
            z-index:100000;
        }

        .popwin ul li {
            height:40px;
            line-height:40px;
        }

        .popwin ul {
            list-style: none;
        }

        .swiper-title-bar ul li.active {
            color:#058dfe;
            font-weight: 400;

        }

        .createOne {
            width:85%;
            height:90%;
            margin: 2% 12.5%;

        }

        .st_nr span {
            display:inline-block;
            height:20px;
            padding:0px 10px;
            margin:5px 0px;
        }

        .st_nr .st_key {

            margin:5px 10px;
            cursor:pointer;
        }

        .createOne > div {
            width:100%;
            display:inline-block;
            border:1px solid #e0e0db;
            border-radius: 8px;
            padding:15px 25px ;
            height:50px;
            overflow:hidden;
            margin-bottom:15px;
            transition: 1s all;
        }

        .createOne > div .title,.selectOld > div .title {
            cursor:pointer;
            height:40px;
        }

        .createOne > div.active {
            height:auto;
        }

        .conition > div {
            min-height:40px;
            height:auto;
            padding-bottom:15px;
            /*line-height:40px;*/
        }

        .btn {
            background:#fff;
            border:1px solid #0a8cfd;
            color:#0a8cfd;
            height:28px;
            width:auto;
            padding:0px 15px;
            line-height:28px;
        }

        .btn1 {
            border:1px solid #e0e0db;
            background:#fff;
            color:#e0e0db;
        }

        .btn2 {
            background:#0a8cfd;
            color:#fff;
            padding:10px 45px;
            height:45px;
        }

        .btn.active {
            border:1px solid #0a8cfd;
            background:#fff;
            color:#0a8cfd;
        }

        .leftMessage {
            position: absolute;
            top:30px;
            left:50px;
            width:230px;
            min-height:263px;
            color:#666;
        }

        .leftMessage .message {
            width:230px;
            height:108px;
            border:1px solid #e0e0db;
            border-radius: 8px;
            position: relative;
        }

        .positButtonDiv {
            position: absolute;
            right:15px;
            top:56px;
            width:14px;
            height:54px;
        }

        .positButtonDiv > i {
            font-size:22px;
            margin-bottom:25px;
            color:#b5a191;
            cursor:pointer;
        }

        .leftMessage .select_tm {
            position:relative;
            width:230px;
            height:140px;
            border:2px solid #72b5fe;
            border-radius: 8px;
            margin-bottom:8px;
            top:20px;
        }

        .leftMessage .select_tm > div {
            margin:15px;
            width:200px;
            height:10px;
            display:inline-block;
        }

        .rightMain {
            position: absolute;
            top:30px;
            right:35px;
            width:68%;
            height:90%;
        }

        .sj_title {
            width:100%;
            height:35px;
            text-align: center;
            border-radius: 8px;
            border:1px solid #e0e0db;
            line-height:35px;
            font-size:16px;
        }

        .add_st_nr {
            margin-top:30px;
            width:100%;
            height:auto;
            border-top:1px solid #e0e0db;
            border-bottom:1px solid #e0e0db;

        }

        .clear_div {
            display: inline-block;
            width:100%;
            height:208px;
        }

        .clear_div > div {
            margin-top:68px;
            margin-bottom:20px;
            color:#bab19f;
        }

        .tm_title {
            display:inline-block;
            border:1px solid #e0e0db;
            margin-top:20px;
            margin-left:15px;
            border-radius: 5px;
            padding-left:19px;
            line-height:25px;
            height:25px;
            color:#999891;
            width:235px;
            margin-right:80px;
        }

        .stnr {
           background:#f7f7f8;
           width:100%;
           min-height:231px;
           border-radius: 10px;
        }

         select {
            display:inline-block;
             border:1px solid #e0e0db;
            width:auto;
            height:30px;
            line-height:30px;
            padding:3px 10px;
            outline:none;
            cursor:pointer;
            border-radius: 5px;
        }

        .textareaSpan {
            position: relative;
            display:inline-block;
            width:80%;
            height:auto !important;
            border:1px solid #e0e0db;
            border-radius: 10px;
            padding:6px 10px;
        }

        .ksjs {
            display:inline-block;
            width:99%;
            border:0px;
            height:100%;
            outline: none;
        }

        .select_stlx {
            display:inline-block;
            width:99%;
            height:30px;
            margin-top:26px;
            margin-bottom:33px;
            margin-left:18px;
        }

        .conitionF {
            position: relative;
            display:inline-block;
            width:calc(100% - 60px);
            height:calc(100% - 60px);
            margin:30px;
            background:#FFF;
            box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
        }

        .conitionF > div {
            position: relative;
            display:inline-block;
            width:calc(100% - 100px);
            height:calc(100% - 40px);
            margin:20px 50px;
        }

        .conitionF .leftF {
            position: relative;
            display:inline-block;
            width:calc(50% - 45px/2);
            height:80%;
            margin-left:22.5px;
            float:left;
        }

        .conitionF   .leftF  > div {
            width:100%;
            height:30px;
            padding:5px 0px;
            margin:20px 0px;
        }

        .conitionF   .leftF  > div  span {
            display:inline-block;
            height:20px;
            padding:0px 5px;
        }

        .conitionF .rightF {
            position: relative;
            display:inline-block;
            width:calc(50% - 45px/2);
            height:90%;
            margin-right:22.5px;
            float:left;
        }

        .conitionF .rightF .title {
            display:inline-block;
            height:30px;
            line-height:30px;
            padding-left:15px;
            border-left:5px solid #0a8cfd;
        }

        .selectSJxx {
            position: relative;
            display:inline-block;
            width:80%;
            border:1px solid #e0e0db;
            /*height:200px !important;*/
            border-radius: 6px;
            /*overflow:auto;*/
            margin-bottom:5px;
        }

        .selectSJxx ul {
            height:200px !important;
            overflow:auto;
            list-style: none;
            width:100%;
            padding:0px;
            margin:0px;
        }

        .selectSJxx ul li {
            display:inline-block;
            width:100%;
            line-height:35px;
            height:35px;
        }

        .selectSJxx ul li.title {
            position: absolute;
            top:0px;
            left:0px;
            z-index:1;
        }

        .selectSJxx ul li.title > span {
            display:inline-block;
            line-height:35px;
            height:35px;
            padding:0px;
            margin:0px;
            border-right:0px;
            border-right:1px solid #e0e0db;
            border-bottom:1px solid #e0e0db;
            text-align: center;
            background-color: #f9f9f4;
            float:left;
        }

        .selectSJxx ul li > span {
            display:inline-block;
            line-height:35px;
            height:35px;
            padding:0px;
            margin:0px;
            float:left;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;

        }

        .body {
            width:90%;
            height:300px;
            overflow: auto;
            margin-bottom: 10px;
           padding-top:60px;
        }

        .conition2 {
            position: relative;
        }

        .body > div {
           margin: 20px 10px;
        }

        .st_tooler {
            display:inline-block;
            height:60px;
            width:calc(90% - 16px);
            background: #fff;
            position: absolute;
            top:-20px;
            left:-10px;
            box-shadow: 0px 2px 3px rgba(0,0,0,0.02);
            border-bottom:1px solid #e0e0db;
            z-index:30000;
        }

        .sjList.active {
            background:#efefef;

        }

        #showSj {
            height:300px;
        }

        #showSj.active {
            position: absolute;
            z-index:1000;
            width:1360px;
            height:600px;
            background:#fff;
            left:50%;
            top:50%;
            transition: tran;
        }

        .poptitle {
            width:100%;
            height:30px;
            line-height:30px;
            display:inline-block;
            background: #0a8cfd;
            margin-bottom:10px;
        }

        input::-webkit-input-placeholder {
            color:#ccc !important;
        }
    </style>
</head>
<body >
<div  class="nrq" id="root" >

    <div >
    <div class="swiper-title-bar" >
        <ul>
            <li class="active" setp="0">第一步：创建试卷</li>
            <li setp="1">第二步：组卷方式</li>
            <li setp="2">第三步：选题组卷</li>
            <li setp="3">第四步：发布考试</li>
        </ul>
    </div>
    <div class="swiper-container swiper-container-horizontal">
        <div class="swiper-wrapper"  >
            <div class="swiper-slide swiper-slide-active" style="width: 1920px;height:100%;">
                <div class="step1 createOne sjxx_one" >
                    <div class="createNew active" >
                        <div class="title"  >
                            <input type="radio" checked name="select_create_type" value="0" />
                            <span >创建新试卷</span>
                        </div>
                        <div class="conition" >
                            <div >
                                <span>试卷名称：</span>
                                <span><input v-model="jySjInfo.name" type="text" class=""  /></span> <span style="color:#ff0000;">*</span>
                            </div>
                            <!--<div >-->
                                <!--<span>试卷分类：</span>-->
                                <!--<span class="btn btn1">-->
                                    <!--<select class="lb" style=""  v-model="jySjInfo.lb">-->
                                        <!--<option value="1" selected >专业课</option>-->
                                        <!--<option value="2">专题课</option>-->
                                    <!--</select>-->
                                <!--</span>-->
                            <!--</div>-->
                            <!--<div >-->
                                <!--<span>考核方式：</span>-->
                                <!--<span class="btn btn1">-->
                                    <!--<select class="khfs"   v-model="jySjInfo.khfs" style="" >-->
                                        <!--<option value="1" selected>考试课</option>-->
                                        <!--<option value="2">考察课</option>-->
                                    <!--</select>-->
                                <!--</span>-->
                            <!--</div>-->
                            <div >
                                <span style="position: relative;top:-40px;">备&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注：</span>
                                <span class="textareaSpan">
                                    <textarea class="ksjs" rows="3"    v-model="jySjInfo.sjDescribe" style="height:50px;" >
                                    </textarea>
                                </span>
                            </div>
                            <div style="margin-top:10px;padding-left:0px;" align="left" >
                                <button class="saveSjxxBtn btn btn2" >下一步</button>

                            </div>
                        </div>
                    </div>
                    <div class="selectOld" >
                        <div class="title" >
                            <input type="radio" name="select_create_type" value="1" />
                            <span>从试卷库中选择一张试卷</span>
                        </div>
                        <div class="conition" >
                            <div class="" >
                               试卷名称：<input type="text" value=""  v-model="sjmcQuery"  /> <button id="sjmcCx" class="btn btn1">查询</button>
                            </div>
                            <div class="selectSJxx" >
                                <ul>
                                    <li class="title">
                                        <span style="width:100px;">序&nbsp;&nbsp;&nbsp;&nbsp;号</span>
                                        <span style="width:300px;">试卷名称</span>
                                        <span style="width:200px;">创建时间</span>
                                        <span style="width:calc(100% - 620px)" >描述</span>
                                    </li>
                                    <li >
                                        <span style="width:100px;">序号</span>
                                        <span style="width:300px;">试卷名称</span>
                                        <span style="width:200px;">创建时间</span>
                                        <span style="width:calc(100% - 620px)" >描述</span>
                                    </li>
                                    <li class="sjList" v-for="(it,index) in sjlist" >
                                        <span class="vid" style="display:none;" >{{it.id}}</span>
                                        <span  style="display:inline-block;width:100px;text-align: center">{{index+1}}</span>
                                        <span  style="display:inline-block;width:300px;" >{{it.name}}</span>
                                        <span style="display:inline-block;width:200px;">{{it.createDate}}</span>
                                        <span title="{{it.sjDescribe}}" style="display:inline-block;width:calc(100% - 620px)">{{it.sjDescribe}}</span>
                                    </li>
                                </ul>
                            </div>
                            <div >
                                <button class="selectSJxxbtn btn btn2" >下一步</button>

                                <button class="copySjxx btn btn2" >复制</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide swiper-slide-next" style="width: 1920px;">
                <div class="createOne" >
                    <div class="createNew active" >
                        <div class="title"  >
                            <input type="radio" name="select_create_type" value="0" />
                            <span >从试题库中选题</span>
                        </div>
                        <div class="conition" >
                            <div >
                                <span>组卷方式：</span>
                                <button class="btn btn1 active">选题组卷</button>
                                <button class="btn btn1">抽题组卷</button>
                                <button class="btn btn1">随机组卷</button>
                            </div>
                            <div >
                                <button class="btn btn2" >下一步</button>
                            </div>
                        </div>
                    </div>
                    <div class="selectOld" >
                        <div class="title" >
                            <input type="radio" name="select_create_type" value="1" />
                            <span>手工录入试题</span>
                        </div>
                        <div class="conition2" >
                            <div title="试题录入" >
                                <div  class="body">
                                    <div class="st_tooler" ><!--试题工具栏 -->
                                        <div class="st_nr" >
                                            <span>总题数<span class="st_cont_num">{{stCont}}</span></span>
                                            <span>当前总分数<span class="st_cont_num">{{stFsCont}}</span></span>
                                            <span><button v-on:click="viewTm()" class="btn viewTm">查看已有题目</button></span>
                                             <span><button class="btn ">增加一题</button></span>
                                            <span><button class="btn saveSt_option">保存试题</button></span>
                                        </div>
                                    </div>
                                    <div class="st_title" >
                                        <span>试题序号：</span><span><input type="number" v-bind:value="stCont + 1" style="width:50px;" v-model="jySjTitle.sort"   /> </span>
                                        <span>试题题目：</span><span  ><input  v-model="jySjTitle.title" type="text" id="st_title" /> </span>
                                        <span>试题类型：</span><span  >
                                            <select class="type" v-model="jySjTitle.type" id="st_type" >
                                                <option value="1">单选题</option>
                                                <option value="2">多选题</option>
                                                <option value="3">填空题</option>
                                                <option value="4">判断题</option>
                                                <option value="5">解答题</option>
                                                <option value="6">改错题</option>
                                                <option value="7">综合应用题</option>
                                            </select>
                                        </span>
                                        <span>试题分值：</span><span><input style="width:50px;"  v-model="jySjTitle.titleValue" type="number" id="st_fs" /></span>
                                    </div>
                                    <div class="st_ms" >
                                        <span style="position: relative;top:-40px;">试题描述：</span>
                                        <span class="textareaSpan">
                                              <script id="container" name="content" type="text/plain">请输入试题描述</script>
                                            <!--<textarea class="ksjs" rows="3"    v-model="jySjTitle.sjDescribe" style="height:50px;" >-->
                                            <!--</textarea>-->
                                        </span>
                                    </div>
                                    <div class="st_nr" >
                                        <div class="nr_1" v-if="jySjTitle.type == '1'" ><!-- 单选题内容 -->
                                            <div>
                                                <span>当前答案数量：<span class="st_da_num">{{jySjOptions1.length }}</span></span>
                                                <span>当前正确答案：<span class="st_da_true">A</span></span>
                                                <span><button class="btn add_st_option">添加一行</button></span>
                                            </div>
                                            <div class="st_title">
                                                 <div class="st_key" v-for="(items,i) in jySjOptions1"  >
                                                     <span class="num" >{{i+1}}</span>
                                                    <span   ><input name="st_select_true" v-if="items.isStandard" checked type="radio"  /><input name="st_select_true" v-if="!items.isStandard"  type="radio"  /></span>
                                                    <span for="st_select_true"><input class="optionName" type="text" style="width:35px;height:35px;" v-model="items.optionName" /></span>
                                                    <span><input type="text" style="width:350px;height:35px;" placeholder="请填写选项内容" v-model="items.optionKey"  /></span>
                                                 </div>
                                            </div>
                                        </div>
                                        <div class="nr_2" v-if="jySjTitle.type == '2'" ><!-- 多选题内容 -->
                                            <div>
                                                <span>当前答案数量：<span class="st_da_num">{{jySjOptions2.length}}</span></span>
                                                <span>当前正确答案：<span class="st_da_true">ABCD</span></span>
                                                <span><button class="btn add_st_option2">添加一行</button></span>
                                            </div>
                                            <div class="st_title">
                                                <div class="st_key" v-for="(items,i) in jySjOptions2" >
                                                    <span class="num" >{{i+1}}</span>
                                                    <span   ><input  v-if="items.isStandard" checked type="checkbox"  /><input  v-if="!items.isStandard"  type="checkbox"  /></span>
                                                    <span><input class="optionName" type="text" style="width:35px;height:35px;" v-model="items.optionName" /></span>
                                                    <span><input type="text" style="width:350px;height:35px;" placeholder="请填写选项内容" v-model="items.optionKey"  /></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="nr_3" v-if="jySjTitle.type == '3'" ><!-- 填空题内容 -->
                                            <div>
                                                <span>当前填空数量：<span class="st_da_num">{{jySjOptions2.length}}</span></span>
                                                <span>说明：<span class="st_da_true">在填空位置标明ABCD，对应以下的ABCD</span></span>
                                                <span><button class="btn add_st_option3">添加一行</button></span>
                                            </div>
                                            <div class="st_title">
                                                <div class="st_key" v-for="(items,i) in jySjOptions3" >
                                                    <span class="num" >{{i+1}}</span>
                                                    <!--<span   ><input  v-if="items.isStandard" checked type="checkbox"  /><input  v-if="!items.isStandard"  type="checkbox"  /></span>-->
                                                    <span><input class="optionName" type="text" style="width:35px;height:35px;" v-model="items.optionName" /></span>
                                                    <span><input type="text" style="width:350px;height:35px;" placeholder="请填写选项内容" v-model="items.optionKey"  /></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="nr_4" v-if="jySjTitle.type == '4'" ><!-- 判断题内容 -->
                                            <div>
                                                <!--<span>当前判断题数量：<span class="st_da_num">{{jySjOptions2.length}}</span></span>-->
                                                <span>说明：<span class="st_da_true">判断题只有对错</span></span>
                                                <!--<span><button class="btn add_st_option4">添加一行</button></span>-->
                                            </div>
                                            <div class="st_title">
                                                <div class="st_key" v-for="(items,i) in jySjOptions4" >
                                                    <span class="num" >{{i+1}}</span>
                                                    <span   ><input  v-if="items.isStandard" checked type="radio" name="trueF"  /><input  v-if="!items.isStandard"  name="trueF" type="radio"  /></span>
                                                    <span><input class="optionName" type="text" style="width:35px;height:35px;" name="trueF"  v-model="items.optionName" /></span>
                                                    <span><input type="text" style="width:350px;height:35px;" name="trueF" placeholder="请填写选项内容" v-model="items.optionKey"  /></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="nr_5" v-show="jySjTitle.type == '5'" ><!-- 解答题内容 -->
                                            <div>
                                                <!--<span>当前判断题数量：<span class="st_da_num">{{jySjOptions2.length}}</span></span>-->
                                                <span>说明：<span class="st_da_true">解答题,解答题目中的问题</span></span>
                                                <!--<span><button class="btn add_st_option4">添加一行</button></span>-->
                                            </div>
                                            <div class="st_title">
                                                <div class="st_key"  style="height:100px;"  >
                                                     <span class="textareaSpan" style="margin-left:60px;">
                                                           <script id="container1" name="content" type="text/plain">请输入解答题目描述</script>
                                                     </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="nr_6" v-show="jySjTitle.type == '6'" ><!-- 改错题内容 -->
                                            <div>
                                                <!--<span>当前判断题数量：<span class="st_da_num">{{jySjOptions2.length}}</span></span>-->
                                                <span>说明：<span class="st_da_true">改错题找出题目中的错误</span></span>
                                                <!--<span><button class="btn add_st_option4">添加一行</button></span>-->
                                            </div>
                                            <div class="st_title">
                                                <div class="st_key"  style="height:100px;"  >
                                                     <span class="textareaSpan" style="margin-left:60px;">
                                                        <script id="container2" name="content" type="text/plain">请输入改错题描述</script>
                                                     </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="nr_7" v-show="jySjTitle.type == '7'" ><!-- 应用题内容 -->
                                            <div>
                                                <!--<span>当前判断题数量：<span class="st_da_num">{{jySjOptions2.length}}</span></span>-->
                                                <span>说明：<span class="st_da_true">综合应用题，回答题目的应用方法</span></span>
                                                <!--<span><button class="btn add_st_option4">添加一行</button></span>-->
                                            </div>
                                            <div class="st_title">
                                                <div class="st_key"  style="height:100px;"  >
                                                     <span class="textareaSpan" style="margin-left:60px;">
                                                         <script id="container3" name="content" type="text/plain">请输入试题描述</script>
                                                     </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div >
                                <button class="selectSJxxbtn2 btn btn2" >下一步</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide" style="width: 1920px;">
                <div class="mainDiv" >
                    <div class="leftMessage" >
                        <div class="message" >
                            <div style="margin-top:20px;margin-left:15px;"><span>总题数：<span class="num">0</span>题</span></div>
                            <div style="margin-top:20px;margin-left:15px;"><span>当前总分：<span class="numFS">0</span>分</span></div>
                        </div>
                        <div class="select_tm" >
                            <div >
                                <div >单选题  <i style="float:right;color:#b5a191;font-size:18px;cursor:pointer" class="fa fa-trash-o"></i></div>
                                <div style="margin-top:20px;" >
                                    共<span style="color:#86c4fe;padding-left:8px;padding-right:8px;">1</span>题
                                </div>
                                <div style="margin-top:20px;" >
                                    每题<input type="number" style="width:58px;margin-left:8px;margin-right:8px;border:1px solid #e9eae5" value="2" />分
                                </div>
                                <div class="positButtonDiv" >
                                    <i class="fa fa-angle-up"></i>

                                    <i class="fa fa-angle-down"></i>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="rightMain" >
                        <div class="sj_title">
                             基本考试
                        </div>
                        <div class="add_st_nr" >
                            <div class="clear_div " align="center" >
                                <div class="" >
                                    当前试卷空空如也，点击下方添加新题型！
                                </div>
                                <button class="btn btn2" >添加试题</button>
                            </div>
                            <div  class="st_list" >
                                <div class="title" >
                                   <span class="tm_title" >
                                       单选题
                                   </span>
                                    <span >
                                        每题 <span><input type="text" class="fs_input" value="2" style="width:50px;" /></span>分
                                    </span>
                                </div>
                                <div class="select_stlx" >
                                    <button class="btn">选择试题</button>
                                </div>
                                <div class="stnr" >

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="swiper-slide" style="width: 1920px;">
                <div style="background: #f5f8fa;width:100%;height:100%;display:inline-block" >
                    <div class="conitionF" >
                        <div >
                            <div class="leftF" >
                                <div>
                                    <span style="width:90px;">考试名称</span>
                                    <span><input id="ksmc" type="text"  v-model="jySjInfo.name" style="width:150px;" placeholder="试卷名称修改" /></span>
                                </div>
                                <div>
                                    <span style="width:90px;">考试分类</span>
                                    <span><select class="" v-model="jySjInfo.kcId" >
                                        <option v-for="(it,index) in jyKcxxList"  v-bind:value="it.id" >{{it.mc}}</option>
                                    </select> </span>
                                </div>
                                <div>
                                    <span style="width:90px;">考试时间</span>
                                    <span ><div class="calendarWarp"  style="width:130px;">
                                             <input type="text" v-model="jySjInfo.examStartTime" style="width:130px;" name="date" class='ECalendar' id="ECalendar_date_begin"  value="2017-03-01 15:32"/>
                                            </div>
                                    </span> <span style="padding:0px 15px;"> 到</span>
                                    <span ><div class="calendarWarp" style="width:130px;">
                                             <input type="text"  v-model="jySjInfo.examEndTime" style="width:130px;" name="date" class='ECalendar' id="ECalendar_date_end"  value="2017-03-01 15:32"/>
                                            </div>
                                    </span>
                                </div>
                                <div>
                                    <span style="width:90px;">提前交卷</span>
                                    <span><input id="examAheadTime" type="text" value=""  v-model="jySjInfo.examAheadTime" style="width:50px;" placeholder="60" />分钟</span>
                                </div>
                                <div>
                                    <span style="width:90px;">分数划分</span>
                                    <span><input type="text"  v-model="jySjInfo.markEchelon" style="width:150px;" placeholder="0-60-80-90-100" /></span>
                                </div>
                                <div>
                                    <span style="width:90px;">满分</span>
                                    <span><input type="text" value="" v-model="jySjInfo.fullMark" style="width:80px;" placeholder="100" /></span>
                                </div>
                            </div>
                            <div class="rightF" >
                                <span class="title">试卷预览</span> <span><button class="btn fdck" >放大查看</button></span>
                                <div id="showSj" >
                                    <iframe id="sjyl" width="100%" height="100%" frameborder="0"></iframe>
                                </div>
                            </div>

                            <div  align="center">
                                <button class="createKSXX btn btn2">发布考试</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination swiper-pagination-progressbar"><span class="swiper-pagination-progressbar-fill" style="transform: translate3d(0px, 0px, 0px) scaleX(0.1) scaleY(1); transition-duration: 300ms;"></span></div>
        <!-- Add Arrows -->
        <!--<div class="swiper-button-next" tabindex="0" role="button" aria-label="Next slide" aria-disabled="false"></div>-->
        <!--<div class="swiper-button-prev swiper-button-disabled" tabindex="0" role="button" aria-label="Previous slide" aria-disabled="true"></div>-->
        <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
    </div>
    </div>
    <div class="popwin" v-if="isPopWinShow" >
        <div class="poptitle">
            <i v-on:click="vm.isPopWinShow = false; " class="fa fa-close" style="float:right;position: relative;top:5px;right:10px;"></i>
        </div>

        <div class="stList" style="overflow:auto;height:300px;" >
            <ul>
                <li v-for="(it,index) in sjtitleList">
                    <span style="display:inline-block;width:50px;float:left;" >{{index + 1}}</span>
                    <span :idv="it.id" style="float:left;margin-left:20px;display:inline-block;width:260px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;">{{it.title}}</span>
                    <span style="display:inline-block;float:right;margin-right:30px;">
                         <!--<button class="btn " v-on:click="UpRow(it)" >向上</button>-->
                        <!--<button class="btn " v-on:click="DownRow(it)" >向下</button>-->
                        <button class="btn " v-on:click="delRow(it)" >删除</button>
                    </span>
                </li>
            </ul>
        </div>
    </div>
</div>



<script src="${request.contextPath}/statics/plugins/swiper/swiper.js"></script>
<script src="${request.contextPath}/statics/plugins/laydate/laydate.js"></script>
<script src="${request.contextPath}/statics/libs/Ecalendar.jquery.min.js"></script>
<script type="text/javascript" src="${request.contextPath}/statics/plugins/ueditor/ueditor.config.js"></script>
<script src="${request.contextPath}/statics/plugins/ueditor/ueditor.all.js"></script>
<script  src="${request.contextPath}/statics/js/modules/jy/jysjinfo.js?_${.now?long}"></script>

<script>
    var swiper;
    var baseUlr = '${request.contextPath}';
    $(function(){



        $(".conition  .btn1").click(function(){
            //alert(1);
            $(this).parent().find("button").removeClass("active");
            $(this).addClass("active")
        });

        swiper = new Swiper('.swiper-container', {
            pagination: {
                el: '.swiper-pagination',
                type: 'progressbar',
            },
            simulateTouch : false,//禁止鼠标模拟
//            navigation: {
//                nextEl: '.swiper-button-next',
//                prevEl: '.swiper-button-prev',
//            },
            on:{
                slideChange: function () {
                    // console.log(this.activeIndex);
                    $(".swiper-title-bar ul li.active").removeClass("active");
                    $(".swiper-title-bar ul li:eq("+this.activeIndex+")").addClass("active");
                },
            }
        });
        $(window).resize(function(){
            $(".swiper-slide").height($(window).height()-70);

        }).resize();

        $(".swiper-title-bar ul li").click(function(){
            var setp =$(this).attr("setp");
            swiper.slideTo(setp, 1000, false);//切换到第一个slide，速度为1秒
        });

        $(".createOne .title").click(function(){
            $(".createOne > div").removeClass("active");
            $(".createOne input[type='radio']").removeProp("checked");
            $(this).parent().addClass("active");
            $(this).find("input[type='radio']").prop("checked",true);
        });


    })

    $(function(){
        $("#ECalendar_date_begin").ECalendar({
            type:"time",   //模式，time: 带时间选择; date: 不带时间选择;
            stamp : false,   //是否转成时间戳，默认true;
            offset:[0,2],   //弹框手动偏移量;
            format:"yyyy-mm-dd hh:ii",   //时间格式 默认 yyyy-mm-dd hh:ii;
            skin:"#0a8cfd",   //皮肤颜色，默认随机，可选值：0-8,或者直接标注颜色值;
            step:10,   //选择时间分钟的精确度;
            callback:function(v,e){
               vm.jySjInfo.examStartTime = v;
            } //回调函数
        });
        $("#ECalendar_date_end").ECalendar({
            type:"time",   //模式，time: 带时间选择; date: 不带时间选择;
            stamp : false,   //是否转成时间戳，默认true;
            offset:[0,2],   //弹框手动偏移量;
            format:"yyyy-mm-dd hh:ii",   //时间格式 默认 yyyy-mm-dd hh:ii;
            skin:"#0a8cfd",   //皮肤颜色，默认随机，可选值：0-8,或者直接标注颜色值;
            step:10,   //选择时间分钟的精确度;
            callback:function(v,e){
                vm.jySjInfo.examEndTime = v;
            } //回调函数
        });
    })

</script>

<script type="text/javascript">
    var ue = UE.getEditor('container');
    var ue1 = UE.getEditor('container1');
    var ue2 = UE.getEditor('container2');
    var ue3 = UE.getEditor('container3');
</script>
</body>
</html>